.item h2, .item h4, .item > div, .item > div span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item {
  width: 43%;
  height: 3rem;
  border: solid 1px #ccc;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: .3rem 0.1rem;
}

.item:nth-child(even) {
  margin-right: .15rem;
}

.item h2 {
  flex: 4;
}

.item h4 {
  flex: 3;
}

.item > div {
  flex: 3;
  justify-content: space-around;
}

.item > div span {
  width: .6rem;
  height: .6rem;
  background-color: mediumorchid;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
}

.item p {
  position: absolute;
  top: 0;
  right: 0;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  line-height: .6rem;
  text-align: center;
  background-color: green;
  color: #fff;
  transform: translate(50%, -50%);
}
